<include file="public/header" />
<div class="x-nav">
            <span class="layui-breadcrumb">
                <a href="">分类</a>
                <a>
                    <cite>分类列表</cite></a>
            </span>
  <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
    <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i>
  </a>
</div>
<table id="demo" lay-filter="edit"></table>
<!--<script type="text/html" id="barDemo">-->
<!--  <a class="layui-btn layui-btn-xs" lay-event="callback">修改</a>-->
<!--</script>-->
<script>

  layui.use(['table','util'], function(){

    var table = layui.table
            ,form = layui.form
            ,util = layui.util;

    //第一个实例
    table.render({
      elem: '#demo'
      ,url: "{:url('/Channels/ajaxList')}" //数据接口
      ,page: false //开启分页
      ,toolbar: '#toolbarDemo'
      ,width:'100%'
      ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
      ,totalRow: true // 开启合计行
      ,response: {
        statusName: 'code' //规定数据状态的字段名称，默认：code
        ,statusCode: 200 //规定成功的状态码，默认：0
        ,msgName: 'msg' //规定状态信息的字段名称，默认：msg
        ,countName: 'total' //规定数据总数的字段名称，默认：count
        ,dataName: 'data' //规定数据列表的字段名称，默认：data
      }
      ,cols: [[ //表头
        {type: 'checkbox', fixed: 'left'},
        {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
        ,{field: 'name', title: '名称',width:100, }
        ,{field: 'code', title: '标识',width:100, }
        ,{field: 'create_time', title: '创作时间',width:200,  sort: true}
        // ,{fixed: 'right', title:'操作',  width:260,toolbar: '#barDemo'}
      ]]
      ,id: 'testReload'

      // ,parseData: function(res){ //res 即为原始返回的数据
      // return {
      //     "code": 0, //解析接口状态
      //     "msg": res.message, //解析提示文本
      //     "count": res.total, //解析数据长度
      //     "data": res.data.item //解析数据列表
      // };
      // }
    });



    //触发单元格工具事件
    table.on('tool(edit)', function(obj){ // 双击 toolDouble
      var data = obj.data;
      var order_sn= obj.data.order_sn;
      switch (obj.event){
        case 'callback':
          layer.confirm('确认回调嘛？', {
            btn: ['确定', '取消'] //按钮
          }, function () {
            $.ajax({
              type: 'post',
              url: "{:url('/Order/callbackOrder')}",
              data : {order_sn:order_sn},
              dataType: 'json',
              success: function (data) {

                if (data.code == 200) {

                  layer.msg(data.msg, {icon: 1});
                  setTimeout(function () {
                    location.reload();
                  }, 2000);
                } else {
                  layer.alert(data.msg, {icon: 2});
                }
              }
            })
          }, function () {
            layer.closeAll();
          });
          break;
        case 'find':
          $.ajax({
            type: 'post',
            url: "{:url('/Order/findOrder')}",
            data : {order_sn:obj.data.order_sn},
            dataType: 'json',
            success: function (data) {
              if (data.code == 200) {
                layer.msg(data.msg, {icon: 1,});
              } else {
                layer.alert(data.msg, {icon: 2});
              }
            }
          })
          break;
        case 'del':
          layer.confirm('确认要删除？', {
            btn: ['确定', '取消'] //按钮
          }, function () {
            $.ajax({
              type: 'post',
              url: "{:url('/Order/delOrder')}",
              data : {order_sn:order_sn},
              dataType: 'json',
              success: function (data) {

                if (data.code == 200) {

                  layer.msg(data.msg, {icon: 1});
                  setTimeout(function () {
                    location.reload();
                  }, 2000);
                } else {
                  layer.alert(data.msg, {icon: 2});
                }
              }
            })
          }, function () {
            layer.closeAll();
          });
          break;
      }

    })
    var $ = layui.$, active = {
      reload: function(){
        var demoReload = $('#demoReload');

        //执行重载
        table.reload('testReload', {
          page: {
            curr: 1 //重新从第 1 页开始
          }
          ,where: {
            keyword: demoReload.val()
          }
        });
      }
    };

    $('.demoTable .layui-btn').on('click', function(){
      var type = $(this).data('type');
      active[type] ? active[type].call(this) : '';
    });

  });
</script>